import { createRouter, createWebHistory } from 'vue-router'

const routes = [{
        path: '/',
        name: 'Login',
        component: () =>
            import ('../views/Login.vue')
    },
    {
        path: '/home',
        name: 'Home',
        component: () =>
            import ('../views/Home.vue')
    },
    {
        path: '/shopping',
        name: 'Shopping',
        component: () =>
            import ('../views/Shopping.vue')
    },
    {
        path: '/addshopping',
        name: 'AddShopping',
        component: () =>
            import ('../components/AddShopping.vue')
    },
    {
        path: '/cardbooks',
        name: 'CardBooks',
        component: () =>
            import ('../components/CardBooks.vue')
    },
    {
        path: '/carousel',
        name: 'Carousel',
        component: () =>
            import ('../components/Carousel.vue')
    },
    {
        path: '/content',
        name: 'Content',
        component: () =>
            import ('../components/Content.vue')
    },
    {
        path: '/details',
        name: 'Details',
        component: () =>
            import ('../components/Details.vue')
    },
    {
        path: '/header',
        name: 'Header',
        component: () =>
            import ('../components/Header.vue')
    },
    {
        path: '/register',
        name: 'Register',
        component: () =>
            import ('../components/Register.vue')
    },
    {
        path: '/signln',
        name: 'Signln',
        component: () =>
            import ('../components/Signln.vue')
    }
]

const router = createRouter({
    history: createWebHistory(process.env.BASE_URL),
    routes
})

export default router